@media  
only screen and (max-width: 760px), 
(min-device-width: 768px) and (max-device-width: 1024px)  { 
 
    /* Force table to not be like tables anymore */ 
    table, thead, tbody, th, td, tr {  
        display: block;  
    } 
    thead tr {  
        position: absolute; 
        top: -9999px; 
        left: -9999px; 
    } 
     
    tr { border: 1px solid #ccc; } 
     
    td {  
        /* Behave  like a "row" */ 
        border: none; 
        display:block;
        text-align:right;
        border-bottom: 1px solid #eee;  
        position: relative; 
        padding-left: 50%;  
    } 
     
    td:before {  
        /* Now like a table header */ 
        /*position: absolute; */
        /* Top/left values mimic padding */ 
        top: 6px; 
        left: 6px; 
        float:left;
        padding-right: 10px;  
        white-space: nowrap; 
        content:attr(data-label);
        font-weight:bold 
    } 
   
} 